@extends('layouts.website')
@section('title', \App\Models\SystemConfig::getConfigCache('seo_title'))
@section('content')
    <div class="rollpic">
        <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}'>
            <ul class="am-slides">
                <li><img src="{{ asset('images/website/hw_bg1.png') }}"/></li>
                <li><img src="{{ asset('images/website/hw_bg.png') }}"/></li>
                <li><img src="{{ asset('images/website/hw_bg3.png') }}"/></li>
            </ul>
        </div>
    </div>
    <div class="am-container-1">
        <div class="solutions part-all">
            <div class="part-title">
                <a href="solutions.html">
                    <i class="am-icon-lightbulb-o part-title-i"></i>
                    <span class="part-title-span">解决方案</span>
                    <p>Solutions</p>
                </a>
            </div>
            <ul class="am-g part-content solutions-content">
                <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                    <i class="am-icon-safari solution-circle"></i>
                    <span class="solutions-title">高端网站建设</span>
                    <p class="solutions-way">根据用户的需求、市场状况、企业情况提供专业化的网站策划、交互设计、技术和营销解决方案。</p>
                </li>
                <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                    <i class="am-icon-magic solution-circle"></i>
                    <span class="solutions-title">手机网站建设</span>
                    <p class="solutions-way">在移动互联时代，我们得出“简单使用，精彩体验”的移动应用开发理念，创造属于无线时代的精彩互联。</p>
                </li>
                <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                    <i class="am-icon-phone solution-circle"></i>
                    <span class="solutions-title">微信应用开发</span>
                    <p class="solutions-way">为客户提供全方位的移动端营销服务，微信公众平台开发，微站设计。</p>
                </li>
                <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                    <i class="am-icon-hacker-news solution-circle"></i>
                    <span class="solutions-title">手机APP开发</span>
                    <p class="solutions-way">按客户意图来定制开发app系统，IOS 安卓任您挑选，持续为企业无线创造新价值。</p>
                </li>

            </ul>

        </div>
    </div>
    <div class="gray-li">
        <div class="customer-case part-all ">
            <div class="part-title">
                <a href="customer-case.html">
                    <i class=" am-icon-briefcase part-title-i"></i>
                    <span class="part-title-span">客户案例</span>
                    <p>Customer Case</p>
                </a>
            </div>


            <ul data-am-widget="gallery" class=" am-avg-sm-1
  am-avg-md-4 am-avg-lg-4 am-gallery-bordered customer-case-content">
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app1.png') }}"/>

                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">果乐园小程序</h3>
                            <p>2021-06-11</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app2.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">物流红娘</h3>
                            <p>2021-08-211</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app3.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">车型湖北</h3>
                            <p>2021-09-30</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app4.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">微染管理系统</h3>
                            <p>2021-11-12</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app5.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">柚优家居</h3>
                            <p>2021-11-21</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app6.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">绩优会诊</h3>
                            <p>2021-11-30</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app7.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">无鞋网</h3>
                            <p>2021-12-08</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="#">
                            <img src="{{ asset('images/website/app8.png') }}"/>
                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class=" case-word">
                            <h3 class="am-gallery-title">蔬果先生</h3>
                            <p>2022-03-03</p>
                            {{-- <a><span><i class="am-icon-eye"></i>查看更多</span></a> --}}
                        </div>
                    </div>
                </li>

            </ul>
            <div class="lan-bott">
                <div class="left"><span>全方位解决方案,为您轻松解决不同问题</span>
                    <p>A full range of solutions for you to solve different problems</p>
                </div>
                <div class="right">
                    <a href="customer_case">
                        <span class="see-more">查看更多<i class="am-icon-angle-double-right"></i></span>
                    </a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="part-title">

            </div>
        </div>
    </div>
    {{-- <div class=" news-all">
        <div class="am-container-1">
            <div class="news part-all">
                <div class="part-title">
                    <a href="news.html">
                        <i class="am-icon-newspaper-o part-title-i"></i>
                        <span class="part-title-span">新闻动态</span>
                        <p>Hengwang News</p>
                    </a>
                </div>
                <div class="news-content ">
                    <ul class="news-content-ul">
                        <li class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                            <a href="#">
                                <div class=" am-u-sm-12 am-u-md-12 am-u-lg-5">
                                    <div class="news-img">
                                        <img src="{{ asset('images/website/news.png') }}"></img>
                                    </div>
                                </div>
                                <div class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                    <span class="news-right-title">关于召开年会的通知</span>
                                    <p class="news-right-time">2020-06-11</p>
                                    <p class="news-right-words">互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之...</p>
                                    <a><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                                </div>
                                <div class="clear"></div>
                            </a>
                        </li>
                        <li class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                            <a href="#">
                                <div class=" am-u-sm-12 am-u-md-12 am-u-lg-5">
                                    <div class="news-img">
                                        <img src="{{ asset('images/website/news1.png') }}"></img>
                                    </div>
                                </div>
                                <div class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                    <span class="news-right-title">关于召开年会的通知</span>
                                    <p class="news-right-time">2020-06-11</p>
                                    <p class="news-right-words">互联网，又称网际网路或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之...</p>
                                    <a><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                                </div>
                                <div class="clear"></div>
                            </a>
                        </li>
                        <div class="clear"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div> --}}
    <div class="three-reason">
        <div class="part-title three-reason-title">
            <span
                class="part-title-span w-white">选择{{\App\Models\SystemConfig::getConfigCache('seo_title')}}的三大理由</span>
            <p class="w-white">Why Choose Hengwang</p>

        </div>
        <ul class="am-g part-content three-reason-content">
            <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
                <div class="three-reason-img1 "></div>
                <p class="reason-title w-white">规模优势<br/>Scale advantage</p>
            </li>
            <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
                <div class="three-reason-img2 "></div>
                <p class="reason-title w-white ">领先技术<br/>Leading technology</p>
            </li>
            <li class="am-u-sm-4 am-u-md-4 am-u-lg-4">
                <div class="three-reason-img3 "></div>
                <p class="reason-title w-white">整合能力<br/>Integration capability</p>
            </li>
        </ul>
    </div>
    @component('./layouts/website/customer')
    @endcomponent

@endsection
